<template>
    <div class="mynav">
        <div class="nav_l">
            <img src="//p0.meituan.net/scarlett/448afce485c1f342895185c2be668fa411803.png@80q" alt="">
        </div>
        <div class="nav_r">
            <span class="nav_r_l">发现最新最热电影</span>
            <span class="nav_r_r">打开App <i class="iconfont icon-xiangyou1"></i> </span>
        </div>
    </div>
</template>

<script>
export default {
    name:"AllNav"
}
</script>

<style lang="less" scoped>
.mynav{
    width:100%;
    height: 60px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 2px solid rgb(242, 242, 242);
    .nav_l{
        width: 26%;
        img{
            width: 100%;
        }
    }
    .nav_r{
        widows: 60%;
        display: flex;
        justify-content: space-between;
        .nav_r_l{
            font-size: .3733rem;
            margin-right: .3733rem;
            font-weight: 600;
        }
        .nav_r_r{
            color: rgb(179, 126, 126);
            font-size: .4267rem;
            font-weight: 600;
        }
    }
}
</style>>
